<template>
  {{foo}}
   <hr>
  {{model}}
  <hr>
  <nf-text v-model="model.name"/>
  <hr>
  <nf-text :model="model" colName="age"/>
</template>

<script >

  import { ref, reactive } from 'vue'

  export default {
    setup(props) {
      
      const foo = ref('444')
      const model = reactive({
        name: '',
        age: 12
      })

      return {
        model,
       
        foo
      }
    }
  }

</script>